<%@page import="com.modelo.Usuario"%>
<%@taglib prefix="s" uri="http://www.springframework.org/tags"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Home</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/grid.css" type="text/css" media="all">
	<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <link href="css/estilos.css" rel="stylesheet" type="text/css" />
</head>
<body onLoad="load();"  onunload="GUnload();">
	<!-- header -->
	<header>
		<div class="container_16">
			<div class="logo">
				<h1><a href="index.html"><strong>Inmobiliaria</strong> Colombia</a></h1>
			</div>
			<nav>
				<ul>
					<!--
					<li><a href="index-4.html">Home</a></li>
                                        <li><a href="index-4.html">Rentar</a></li>
					<li><a href="index-5.html">Ingresar</a></li>
					<li><a href="index-6.html">Registrar</a></li>
                                        -->
                                        <!-- Links de prueba    -->
                                        
   <li>  <a href="registroInmueble.htm">Registro inmueble </a>  </li>
      
    <li>  <a href="consultaInmueble.htm">Consulta inmueble </a>  </li>
      
   <li>    <a href="registroUsuario.htm">Registro Clientes</a> </li>
       
    <li>   <a href="listadoUsuarios.htm">Listado Usuarios</a> </li>
       
    <li>   <a href="loginUsuario.htm">login Usuario</a> </li>
       
    <li>   <a href="historialInmueble.htm">Historial  inmuebles</a> </li>
       
    <li>   <a href="listadoInmuebles.htm">Lista  inmuebles</a> </li>
    
    <li>   <%if (session.getAttribute("usuario") != null) {%>
                    <li><a href ='<s:url value="/terminarSesion.htm"/>'>Cerrar Sesion</a></li>
                    <%}%> </li>
                                        
                                       
				</ul>
			</nav>
			<!-- faded slider begin -->
			<div id="faded">
                            <div class="rap">
					<div id="cf4a" class="shadow">
                                         <img src="images/i1.jpg">
                                         <img src="images/i2.jpg">
                                         <img src="images/i3.jpg">
                                         <img src="images/i4.jpg">
                                         <img src="images/i5.jpg">
                                         <img src="images/i5.jpg">
                                         <img src="images/i6.jpg">
                                         </div>
				</div>
				<ul class="pagination">
					<li>
						<a href="#" rel="0">
                                                    
                                                    
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAGAEGVZIXwwutieHF4QOL4RRpYoRN0FKJQ7RZd_AzeNEq2PLjZhR3W4-qrIA2KyJ0hRw-barmpbORVQ"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[

	// Inicialización de variables.
    var map      = null;
    var geocoder = null;

    function load() {                                      // Abre LLAVE 1.
      if (GBrowserIsCompatible()) {						   // Abre LLAVE 2.
        map = new GMap2(document.getElementById("map"));
        map.setCenter(new GLatLng(1.4061088354351594,-73.4765625), 1);
        map.addControl(new GSmallMapControl());
	   	//map.addControl(new GMapTypeControl());

        geocoder = new GClientGeocoder();

        //---------------------------------//
        //   MARCADOR AL HACER CLICK
		//---------------------------------//
		GEvent.addListener(map, "click",
			function(marker, point) {
 		 		if (marker) {
               		null;
              		} else {
          			map.clearOverlays();
					var marcador = new GMarker(point);
					map.addOverlay(marcador);
					//marcador.openInfoWindowHtml("<b><br>Coordenadas:<br></b>Latitud : "+point.y+"<br>Longitud : "+point.x+"<a href=http://www.mundivideo.com/fotos_pano.htm?lat="+point.y+"&lon="+point.x+"&mapa=3 TARGET=fijo><br><br>Fotografias</a>");
					//marcador.openInfoWindowHtml("<b>Coordenadas:</b> "+point.y+","+point.x);
					document.form_mapa.coordenadas.value = point.y+","+point.x;
					}
  			}
			);
        //---------------------------------//
        //   FIN MARCADOR AL HACER CLICK
		//---------------------------------//

      } // Cierra LLAVE 1.
    }   // Cierra LLAVE 2.

    //---------------------------------//
    //           GEOCODER
	//---------------------------------//
    function showAddress(address, zoom) {
    	if (geocoder) {
        	geocoder.getLatLng(address,
          		function(point) {
            		if (!point) {
            			alert(address + " not found");
            		} else {
            			map.setCenter(point, zoom);
            			var marker = new GMarker(point);
            			map.addOverlay(marker);
            			//marker.openInfoWindowHtml("<b>"+address+"</b><br>Coordenadas:<br>Latitud : "+point.y+"<br>Longitud : "+point.x+"<a href=http://www.mundivideo.com/fotos_pano.htm?lat="+point.y+"&lon="+point.x+"&mapa=3 TARGET=fijo><br><br>Fotografias</a>");
       			     // marker.openInfoWindowHtml("<b>Coordenadas:</b> "+point.y+","+point.x);
       			      document.form_mapa.coordenadas.value = point.y+","+point.x;
               		}
               	}
        	);
      	}}
    //---------------------------------//
    //     FIN DE GEOCODER
	//---------------------------------//

    //]]>
     </script>
                                                    
    <form name="form_mapa" action="#" onsubmit=" showAddress(this.address.value, this.zoom.value=parseFloat(this.zoom.value)); return false">


      	<p style="font-size: 15px;font-family: verdana;font-weight: bold;">¿Que lugar buscas?<input type="text" name="address" value="" style="width: 260px;font-size: 10px;font-family: verdana;font-weight: bold;" />

     	<input type="hidden" size="1" name="zoom" value=15 />
        <input type="submit" value="Ver" /></p>
        <input type="hidden" name="coordenadas" value="" style="width: 230px;font-size: 10px;font-family: verdana;font-weight: bold;" />
        </p>

      </form>
<div style="width: 310px; border-width: 1px; border-style: solid; border-color: #979797; padding:8px 8px 8px 8px;">
        <div id="map" style="width: 310px; height: 100px"></div>
       	</div>

 		<form name="form_mapa_1" action="#" onclick=" showAddress(this.address.value, 15); return false">

 		</form>
     
     <!-- BUSCAR LUGAR-->
     <input type="submit" value="Buscar Lugar" />
     <!-- FIN BUSCAR LUGAR-->
						</a>
                                            
					</li>
					<li>
                                                  <!--BUSCAR GENERAL-->
                                                  <div align="center">
                                                  <form name="buscarGeneral" action="buscando.jsp">
                                                  <h2>¿Buscas algo en especial?</h2>
                                                  <input type="text" name="campoBuscar" style="width: 300px"/> <br>
                                                  <input type="submit" value="Buscar"/>
                                                  </form>
                                                  </div>
                                                  <!--FIN BUSCAR GENERAL-->
					</li>
				</ul>
				
			</div>
			<!-- faded slider end -->
		</div>
	</header>
	<!-- content -->
	<section id="content">
		<div class="container_16">
			<div class="clearfix">
				<section id="mainContent" class="grid_10">
					<article>
						<h2>¡Bienvenido!</h2>
                                                <h3 style="text-align : justify">Danos el gusto de presentarnos, no solo somos una de las inmobiliarias con mas prestigio en el país, también somos una compañia orientada a hacia la seguridad y máxima satisfacción de nuestros clientes. Te invitamos a descubir todo lo que tiene por ofrecer nuestra nueva plataforma.</h3>
                                                <h4 style="text-align : justify">Alquila apartamentos, casas, condominios, suites o chalets en los destinos turisticos más atractivos alrededor de todo el país.</h4>
                                                <a href="Enunciado Proyecto Final.pdf" target="*" class="button">Conocenos</a>
					</article>
					<article class="last">
                                            
                                            <link rel="stylesheet" type="text/css" href="css/demo.css" />
                                            <link rel="stylesheet" type="text/css" href="css/estiloAcordeon.css" />
                                            
						<div class="ia-container">
				
					<figure>
                                            <img src="images/1.jpg" alt="image01" height="480" width="335" />
						<input type="radio" name="radio-set" checked="checked"/>
						<figcaption><span>Cartagena</span></figcaption>
						
						<figure>
							<img src="images/2.jpg" alt="image02" height="480" width="335" />
							<input type="radio" name="radio-set" />
							<figcaption><span>San Andrés</span></figcaption>
							
							<figure>
								<img src="images/3.jpg" alt="image03" height="480" width="335" />
								<input type="radio" name="radio-set" />
								<figcaption><span>Santa Marta</span></figcaption>
								
								<figure>
									<img src="images/4.jpg" alt="image04" height="480" width="335" />
									<input type="radio" name="radio-set" />
									<figcaption><span>Medellin</span></figcaption>
									
									<figure>
										<img src="images/5.jpg" alt="image05" height="480" width="335" />
										<input type="radio" name="radio-set" />
										<figcaption><span>Cali</span></figcaption>
										
										<figure>
											<img src="images/6.jpg" alt="image06" height="480" width="335" />
											<input type="radio" name="radio-set" />
											<figcaption><span>Bogotá</span></figcaption>
								
								
										</figure>	
											
									</figure>	
										
								</figure>
									
							</figure>
							
						</figure>
						
					</figure>
					
				</div><!-- ia-container -->
                                
					</article>
				</section>
				<aside class="grid_6">
					<div class="prefix_1">
						<article>
							<!-- .box -->
							<div class="box">
								<h2>!Registrate!</h2>
								 <table style="width:100%;">
            <tr>
                <td class="style1">
                    Nombre:</td>
                <td>
                    <input id="Text1" type="text" /></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style1">
                    User:</td>
                <td>
                    <input id="Text2" type="text" /></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style1">
                    Password:</td>
                <td>
                    <input id="Text3" type="text" /></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style1">
                    E-mail:</td>
                <td>
                    <input id="Text4" type="text" /></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style1">
                    Descripción:</td>
                <td>
                    <textarea id="TextArea1" name="S1" rows="1"></textarea></td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td align="center" class="style1">
                    <input id="Button1" type="button" value="Seleccionar Imagen" /></td>
                <td>
                    No se ha seleccionado una imagen...</td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td align="right" class="style1">
                    <input id="Button2" type="button" value="Guardar" /></td>
                <td>
                    <input id="Button3" type="button" value="Cancelar" /></td>
                <td>
                    &nbsp;</td>
            </tr>
            <tr>
                <td class="style1">
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
                <td>
                    &nbsp;</td>
            </tr>
        </table>

							</div>
							<!-- /.box -->
						</article>
					</div>
				</aside>
			</div>
		</div>
	</section>
	<!-- footer -->
	<footer>
		<div class="container_16">
			<nav>
				<ul>
					<li><a href="index.html">Home</a></li>
					<li><a href="index-1.html">Ingresar</a></li>
					<li><a href="index-2.html">Registrar</a></li>	
				</ul>
			</nav>
			<p class="copy"><span>Universidad Icesi</span> &nbsp;&copy; &nbsp;2013 &nbsp; &nbsp;<a href="https://www.icesi.edu.co">Todos los derechos reservados.</a></p>
		</div>
	</footer>
</body>
</html>
